<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Index</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo animated fadeInUp">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="links">
                    <a href="./index.html" class="on animated fadeInUp" style="animation-delay: 100ms;">
                        Home
                    </a>
                    <a href="./about.html" class=" animated fadeInUp" style="animation-delay: 200ms;">
                        About Us
                    </a>
                    <a href="./products.html" class="animated fadeInUp" style="animation-delay: 300ms;">
                        Products
                    </a>
                    <a href="./solution.html" class="animated fadeInUp" style="animation-delay: 400ms;">
                        Solutions
                    </a>
                    <a href="./industry.html" class="animated fadeInUp" style="animation-delay: 500ms;">
                        Industries
                    </a>
                    <a href="./client.html" class="animated fadeInUp" style="animation-delay: 600ms;">
                        Our Clients
                    </a>
                    <a href="./contact.html" class="contact animated fadeInUp" style="animation-delay: 700ms;">
                        contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="index.html">Home</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">
                    About Us
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        Products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">
                        Solutions
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./industry.html">
                        Industries
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./client.html">
                        Our Clients
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        Contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="dialog">
            <div class="close">
                <img src="./images/close.svg" alt="">
            </div>
            <div class="content">
                <video id="video2" controls muted loop src=""></video>
            </div>
        </div>

        <div class="section1">
            <div class="fix">
                <div class="fist">
                    <div class="animate">
                        <div class="y"></div>
                        <div class="opacity">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="66" viewBox="0 0 24 66" fill="none">
                                <path d="M21.811 57.2329C13.744 51.7058 8.96327 42.5925 8.96327 32.883C8.96327 23.1735 13.744 14.0601 21.811 8.53312C23.9027 7.18871 24.351 4.35057 23.0063 2.25887C21.6619 0.166967 18.8238 -0.281024 16.7321 1.06338C6.27424 8.23298 0 20.1844 0 32.882C0 45.5796 6.27424 57.3818 16.5821 64.7014C17.3294 65.2987 18.2256 65.4489 19.122 65.4489C20.6153 65.4489 21.96 64.7016 22.8564 63.5072C24.3497 61.4152 23.7528 58.5773 21.811 57.2329Z" fill="black"/>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="34" viewBox="0 0 16 34" fill="none">
                                <path d="M-1.52588e-05 16.6875C-1.52588e-05 10.4133 3.137 4.58703 8.21596 0.852687C10.3077 -0.491718 12.9967 -0.043725 14.4902 2.04818C15.8346 4.14009 15.3866 6.82911 13.2947 8.32264C10.6057 10.2642 8.81308 13.4014 8.81308 16.6886C8.81308 19.9747 10.4568 23.1119 13.2947 25.0547C15.3866 26.3991 15.8346 29.2373 14.4902 31.329C13.5938 32.5245 12.2494 33.2707 10.7559 33.2707C9.85946 33.2707 8.96304 32.9716 8.21596 32.5234C3.137 28.788 -1.52588e-05 22.9618 -1.52588e-05 16.6875Z" fill="black"/>
                            </svg>
                        </div>
                        <img class="dw" src="./images/dw.svg" alt="">
                        <div class="point hide_">
                            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
                                <circle cx="8.83075" cy="8.62689" r="7.06756" fill="white" stroke="#3DB8FF" stroke-width="3"/>
                            </svg>
                        </div>
                        <div class="point_text hide_">
                            Singapore
                        </div>
                        <div class="opacity">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="34" viewBox="0 0 16 34" fill="none">
                                <path d="M15.3336 16.6875C15.3336 10.4133 12.1966 4.58703 7.11766 0.852687C5.02596 -0.491718 2.33693 -0.043725 0.843409 2.04818C-0.500997 4.14009 -0.052999 6.82911 2.03891 8.32264C4.72793 10.2642 6.52054 13.4014 6.52054 16.6886C6.52054 19.9747 4.87684 23.1119 2.03891 25.0547C-0.052999 26.3991 -0.500997 29.2373 0.843409 31.329C1.73982 32.5245 3.08422 33.2707 4.57775 33.2707C5.47416 33.2707 6.37058 32.9716 7.11766 32.5234C12.1966 28.788 15.3336 22.9618 15.3336 16.6875Z" fill="black"/>
                            </svg>
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="66" viewBox="0 0 24 66" fill="none">
                                <path d="M1.9597 57.2329C10.0268 51.7058 14.8075 42.5925 14.8075 32.883C14.8075 23.1735 10.0268 14.0601 1.9597 8.53312C-0.131992 7.18871 -0.580198 4.35057 0.764418 2.25887C2.10882 0.166967 4.94697 -0.281024 7.03866 1.06338C17.4965 8.23298 23.7708 20.1844 23.7708 32.882C23.7708 45.5796 17.4965 57.3818 7.18863 64.7014C6.44133 65.2987 5.54514 65.4489 4.64872 65.4489C3.15541 65.4489 1.81079 64.7016 0.914381 63.5072C-0.578934 61.4152 0.0179729 58.5773 1.9597 57.2329Z" fill="black"/>
                            </svg>
                        </div>
                    </div>
                    <div class="p1">
                        <svg class="s1 animated fadeInUp" xmlns="http://www.w3.org/2000/svg" width="67" height="70" viewBox="0 0 67 70" fill="none">
                            <path d="M66.3041 0.173828V69.8773H46.5813V42.6819H19.6922V69.8773H0V0.173828H19.6922V26.3586H46.5813V0.173828H66.3041Z" fill="#0A2635"/>
                        </svg>
                        <svg class="s2 animated fadeInUp" style="animation-delay: .2s" xmlns="http://www.w3.org/2000/svg" width="60" height="56" viewBox="0 0 60 56" fill="none">
                            <path d="M59.3084 27.9879C59.3084 28.1334 59.2165 29.6953 59.0328 32.6736H19.8016C20.5979 35.4758 22.1368 37.6196 24.426 39.1049C26.7076 40.5979 29.5788 41.3406 33.0318 41.3406C35.6196 41.3406 37.8553 40.9731 39.7388 40.2381C41.6375 39.5031 43.544 38.3087 45.4657 36.6549L55.4496 47.0063C50.1974 52.8481 42.5333 55.7652 32.4499 55.7652C26.1411 55.7652 20.5979 54.5708 15.8203 52.182C11.0427 49.7932 7.33705 46.478 4.70326 42.2287C2.08478 37.9871 0.783203 33.1789 0.783203 27.8041C0.783203 22.4983 2.05416 17.7437 4.61138 13.5327C7.16095 9.30637 10.6905 5.99882 15.2078 3.61003C19.7174 1.22125 24.8012 0.0268555 30.4593 0.0268555C35.8264 0.0268555 40.6958 1.14469 45.0676 3.36503C49.4547 5.59303 52.923 8.8087 55.4802 13.012C58.0298 17.223 59.3084 22.215 59.3084 27.9879ZM30.5511 13.4714C27.6264 13.4714 25.1917 14.2983 23.2317 15.9521C21.2716 17.6059 20.0236 19.8645 19.4953 22.7203H41.6069C41.071 19.8645 39.8306 17.6059 37.8706 15.9521C35.9106 14.2983 33.4682 13.4714 30.5511 13.4714Z" fill="#0A2635"/>
                        </svg>
                        <svg class="s3 animated fadeInUp" style="animation-delay: .3s" xmlns="http://www.w3.org/2000/svg" width="38" height="55" viewBox="0 0 38 55" fill="none">
                            <path d="M18.9354 7.37696C20.8495 4.92693 23.3531 3.0894 26.4386 1.86438C29.5165 0.639364 33.0537 0.0268555 37.035 0.0268555V17.0546C35.32 16.8555 33.8959 16.7483 32.7781 16.7483C28.7126 16.7483 25.5352 17.8432 23.2536 20.0253C20.9643 22.215 19.8235 25.5608 19.8235 30.0704V54.877H0.897003V0.914993H18.9354V7.37696Z" fill="#0A2635"/>
                        </svg>
                        <svg class="s4 animated fadeInUp" style="animation-delay: .4s" xmlns="http://www.w3.org/2000/svg" width="59" height="56" viewBox="0 0 59 56" fill="none">
                            <path d="M58.9881 27.9879C58.9881 28.1334 58.8962 29.6953 58.7125 32.6736H19.4813C20.2775 35.4758 21.8165 37.6196 24.1057 39.1049C26.3873 40.5979 29.2584 41.3406 32.7115 41.3406C35.2993 41.3406 37.535 40.9731 39.4184 40.2381C41.3172 39.5031 43.2236 38.3087 45.1454 36.6549L55.1293 47.0063C49.877 52.8481 42.213 55.7652 32.1296 55.7652C25.8207 55.7652 20.2775 54.5708 15.5 52.182C10.7224 49.7932 7.01671 46.478 4.38292 42.2287C1.76444 37.9871 0.46286 33.1789 0.46286 27.8041C0.46286 22.4983 1.73382 17.7437 4.29104 13.5327C6.84061 9.30637 10.3702 5.99882 14.8874 3.61003C19.397 1.22125 24.4809 0.0268555 30.1389 0.0268555C35.506 0.0268555 40.3755 1.14469 44.7473 3.36503C49.1343 5.59303 52.6027 8.8087 55.1599 13.012C57.7095 17.223 58.9881 22.215 58.9881 27.9879ZM30.2308 13.4714C27.3061 13.4714 24.8713 14.2983 22.9113 15.9521C20.9513 17.6059 19.7033 19.8645 19.175 22.7203H41.2866C40.7506 19.8645 39.5103 17.6059 37.5503 15.9521C35.5902 14.2983 33.1479 13.4714 30.2308 13.4714Z" fill="#0A2635"/>
                        </svg>
                        <span></span>
                        <svg class="s5 animated fadeInUp" style="animation-delay: .5s" xmlns="http://www.w3.org/2000/svg" width="20" height="70" viewBox="0 0 20 70" fill="none">
                            <path d="M0.29895 0.173828H19.9911V69.8773H0.29895V0.173828Z" fill="#0A2635"/>
                        </svg>
                        <svg class="s6 animated fadeInUp" style="animation-delay: .6s" xmlns="http://www.w3.org/2000/svg" width="44" height="68" viewBox="0 0 44 68" fill="none">
                            <path d="M43.2021 64.6717C41.6096 65.6747 39.6649 66.4403 37.3833 66.9686C35.0941 67.4969 32.6517 67.7649 30.0638 67.7649C23.02 67.7649 17.6069 66.0422 13.8323 62.5892C10.0501 59.1438 8.16664 53.9987 8.16664 47.154V29.0543H0.295898V14.9054H8.16664V0.878906H27.0932V14.9054H39.4352V29.0543H27.0932V46.9702C27.0932 48.8919 27.5985 50.4002 28.6244 51.5028C29.6427 52.59 31.0209 53.1259 32.7589 53.1259C34.9409 53.1259 36.8627 52.567 38.5165 51.4415L43.2021 64.6717Z" fill="#0A2635"/>
                        </svg>
                        <span></span>
                        <svg class="s7 animated fadeInUp" style="animation-delay: .7s" xmlns="http://www.w3.org/2000/svg" width="20" height="70" viewBox="0 0 20 70" fill="none">
                            <path d="M0.0174561 0.173828H19.7096V69.8773H0.0174561V0.173828Z" fill="#0A2635"/>
                        </svg>
                        <svg class="s8 animated fadeInUp" style="animation-delay: .8s" xmlns="http://www.w3.org/2000/svg" width="51" height="56" viewBox="0 0 51 56" fill="none">
                            <path d="M24.3116 55.7652C19.7943 55.7652 15.346 55.2522 10.9589 54.2339C6.58708 53.1926 3.07281 51.8451 0.423706 50.1913L6.08941 37.2674C8.53945 38.7834 11.4565 39.9854 14.8483 40.8812C18.2324 41.7846 21.5859 42.2287 24.8934 42.2287C27.956 42.2287 30.1304 41.9148 31.4167 41.2793C32.7182 40.6515 33.3767 39.7404 33.3767 38.5537C33.3767 37.3516 32.5881 36.5018 31.0185 36.0118C29.4643 35.5217 26.9913 35.0471 23.6072 34.5724C19.2966 34.0441 15.6292 33.3473 12.6126 32.4898C9.58837 31.617 6.97755 30.0245 4.77252 27.7123C2.5828 25.3847 1.4956 22.1308 1.4956 17.9427C1.4956 14.4974 2.52155 11.4195 4.58877 8.72448C6.64833 6.02944 9.64962 3.90863 13.5926 2.35439C17.551 0.807803 22.2903 0.0268555 27.8029 0.0268555C31.6999 0.0268555 35.5664 0.424986 39.4099 1.22125C43.2687 2.01751 46.492 3.14299 49.0875 4.59005L43.4218 17.4527C38.6443 14.8036 33.4686 13.4714 27.8947 13.4714C24.9087 13.4714 22.719 13.8236 21.3103 14.5127C19.9168 15.2094 19.2277 16.1205 19.2277 17.2384C19.2277 18.5093 19.9934 19.3974 21.5246 19.9028C23.0559 20.3928 25.5749 20.9058 29.0891 21.434C33.5375 22.0925 37.2202 22.8581 40.1449 23.7309C43.062 24.5885 45.5962 26.1657 47.74 28.4473C49.8991 30.7365 50.9863 33.9445 50.9863 38.0637C50.9863 41.4325 49.9527 44.4644 47.8931 47.1594C45.8259 49.8545 42.7864 51.9676 38.7668 53.4989C34.7625 55.0072 29.9466 55.7652 24.3116 55.7652Z" fill="#0A2635"/>
                        </svg>
                    </div>
                    <div class="p2">
                        <p class=" animated fadeInUp" style="animation-delay: .9s">Securing the Future of Logistics</p>
                    </div>
                </div>
                <div class="position">
                    <img src="./images/index_map.png" class="map" alt="">
                </div>
            </div>
        </div>

        <div class="section2">
            <svg class="line" xmlns="http://www.w3.org/2000/svg" width="1917" height="370" viewBox="0 0 1917 370" fill="none">
                <path d="M1916 3.5C1650.92 196.827 1357.42 365.5 1089 365.5C736.856 365.5 321.658 256.024 1 242" stroke="#3FAEEE" stroke-width="8"/>
            </svg>
            <div class="line2">
                <svg xmlns="http://www.w3.org/2000/svg" width="1919" height="174" viewBox="0 0 1919 174" fill="none">
                    <path d="M1919 4.51953C1621.06 49.5264 1378.83 170 1091 170C788.403 170 297.991 116.033 0.5 108.5" stroke="#3FAEEE" stroke-width="8"/>
                </svg>
                <img src="./images/move.png" class="line_img" alt="">
            </div>

            <div class="title">
                <div class="p1 wow animated fadeInUp">OUR SOLUTIONS</div>
                <div class="p2 wow animated fadeInUp" style="animation-delay: .2s">
                    Revolutionizing supply chain with our advanced <br>
                    tracking and monitoring system
                </div>
                <div class="p3 wow animated fadeInUp" style="animation-delay: .2s">The only global platform that can secure and recover your cargo. You can rest because we never do.</div>
            </div>
            <div class="video wow animated fadeInUp">
                <img src="./images/i1.png" class="common_bg" alt="">
                <div class="play">
                    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
                        <path d="M31.5398 20.9901L15.2045 31.9422C13.553 33.0492 11.3165 32.6082 10.2095 30.957C9.81189 30.3639 9.59959 29.6661 9.59961 28.9521V7.04788C9.59961 5.05978 11.2115 3.44788 13.1996 3.44788C13.9136 3.44786 14.6115 3.66016 15.2045 4.05778L31.5395 15.0099C33.191 16.1169 33.6323 18.3534 32.525 20.0049C32.2639 20.3943 31.9292 20.729 31.5398 20.9901Z" fill="white"/>
                    </svg>
                </div>
            </div>
            <div class="content wow animated fadeInUp">
                <div class="joke">
                    <div class="swiper2 swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/g1.svg" alt="">
                                    </div>
                                    <div class="t1">Live Tracking</div>
                                    <div class="p1">
                                        Gain total visibility of your assets in real-time with GSM, GPS, and LBS technology. Stay informed of the exact location of your shipments, no matter where they are.
                                    </div>
                                    <div class="p2">
                                        Real-time tracking ensures you are always in control of your logistics.
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/g2.svg" alt="">
                                    </div>
                                    <div class="t1">Security</div>
                                    <div class="p1">
                                        Leverage multi-layered security with 8 types of alarms, including unauthorized unlocking and geo-fence entry/exit notifications. Be immediately informed of any potential threats or deviations.
                                    </div>
                                    <div class="p2">
                                        “Stay ahead of risks with instant alerts and 24/7 live monitoring.”
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/g3.svg" alt="">
                                    </div>
                                    <div class="t1">Optimization</div>
                                    <div class="p1">
                                        Enhance operational efficiency with data-driven route optimization. Minimize travel time and fuel consumption by using real-time information to make smarter routing decisions.
                                    </div>
                                    <div class="p2">
                                        “Improve operational efficiency by optimizing delivery routes and reducing costs.”
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/g4.svg" alt="">
                                    </div>
                                    <div class="t1">Visibility</div>
                                    <div class="p1">
                                        Achieve full supply chain transparency by monitoring environmental factors like temperature, light, and motion. This ensures that sensitive goods are transported under optimal conditions.
                                    </div>
                                    <div class="p2">
                                        “Ensure the safety of your assets with comprehensive environmental monitoring.”
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/g5.svg" alt="">
                                    </div>
                                    <div class="t1">Dashboard</div>
                                    <div class="p1">
                                        Gain critical insights through our intuitive dashboard, designed to support informed decision-making. Monitor cargo,  security incidents, SOP compliance, and driver performance metrics. Track unauthorized stops, truck dwell times, and drivers KPIs for efficient operations and safety assurance.
                                    </div>
                                    <div class="p2">
                                        “Leverage real-time data and actionable insights to optimize fleet 
                                        management, improve compliance, and enhance overall operations.”
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="l">
                <div class="p1 wow animated fadeInUp">OUR PRODUCT</div>
                <div class="p2 wow animated fadeInUp">
                    <img src="./images/l.png" class="l1" alt="">
                    <img src="./images/l2.png" class="l2" alt="">
                    Discover how our solutions can <br>
                    revolutionize your supply chain <br>
                    operations and enhance <br>
                    security
                </div>
                <div class="p3 wow animated fadeInUp">
                    Intelligent E-Seal (IES) is an advanced intelligent locking system designed to ensure the highest level of security for your valuable cargo. It integrates GPS, GSM, and LBS technologies to provide real-time tracking and dynamic locking solutions, enabling you to safeguard your shipments with confidence.
                </div>
                <div class=" wow animated fadeInUp">
                    <a href="./products.html" class="more">
                        <p>Learn more</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none">
                            <path d="M19.2375 12.3125H3.375V14.5625H19.2375L15.75 18.05L17.325 19.625L23.5125 13.4375L17.4375 7.25L15.8625 8.825L19.2375 12.3125Z" fill="white"/>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="pic wow animated fadeInUp">
                <img src="./images/index/h.gif" alt="">
            </div>
        </div>

        <div class="section4">
            <div class="title wow animated fadeInUp">
                <div class="p1">OUR BENEFITS</div>
            </div>
            <div class="content">
                <div class="l wow animated fadeInUp">
                    <img src="./images/i2.png" alt="">
                </div>
                <div class="r wow animated fadeInUp" style="animation-delay: .2s">
                    <div class="p1">DEPENDABLE SUPPLY CHAINS RUN ON  <span>HERE IT IS</span></div>
                    <div class="p2">
                        Cargo security tailored for a <br>
                        complex world
                    </div>
                    <div class="p3">
                        Our solution is built to safeguard and recover your cargo, no matter the challenge. lower insurance premium, drive efficiency, lower down costSleep peacefully—we’ve got your logistics under control.
                    </div>
                    <a href="./solution.html" class="more">
                        <p>Learn more</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none">
                            <path d="M19.2375 12.3125H3.375V14.5625H19.2375L15.75 18.05L17.325 19.625L23.5125 13.4375L17.4375 7.25L15.8625 8.825L19.2375 12.3125Z" fill="white"/>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="content2 wow animated fadeInUp">
                <div class="item">
                    <div class="dis">
                        <span class="count-item" data-to="5">5 </span>
                        <div class="p1">billion＄</div>
                    </div>
                    <div class="p2">
                        Value of goods<br>
                        protected
                    </div>
                </div>
                <div class="item">
                    <div class="dis">
                        <span class="count-item" data-to="99.9">99.9</span>
                        <div class="p1">%</div>
                    </div>
                    <div class="p2">
                        Shipment protection<br>
                        rate, cargo arrives<br>
                        intact and in full
                    </div>
                </div>
                <div class="item">
                    <div class="dis">
                        <span class="count-item" data-to="20">20</span>
                        <div class="p1">+</div>
                    </div>
                    <div class="p2">
                        Countries of<br>
                        operation
                    </div>
                </div>
                <div class="item">
                    <div class="dis">
                        <span class="count-item" data-to="24">24</span>
                        <div class="x">x</div>
                        <span class="count-item" data-to="7">7</span>
                        <div class="x">x</div>
                        <span class="count-item" data-to="365">365</span>
                    </div>
                    <div class="p2">
                        Continuous support, <br>
                        every day of the year
                    </div>
                </div>
            </div>
        </div>

        <div class="section5">
            <img src="./images/bgbg.png" class="common_bg" alt="">
            <div class="title wow animated fadeInUp">Keeping global enteprises secure and resilient</div>
            <div class=" wow animated fadeInUp">
                <div class="content">
                    <div class="flex">
                        <div class="item">
                            <img src="./images/go1.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go2.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go3.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go4.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go5.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go6.png" alt="">
                        </div>
                    </div>
                    <div class="flex">
                        <div class="item">
                            <img src="./images/go1.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go2.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go3.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go4.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go5.png" alt="">
                        </div>
                        <div class="item">
                            <img src="./images/go6.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="content2">
                <div class="item wow animated fadeInJun">
                    <div class="headline">Kilometers Tracked</div>
                    <div class="flex">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                <path d="M26.0987 29.5853L29.3096 26.3694C29.8518 25.7925 29.8518 24.8938 29.3096 24.3172L26.0937 21.1063C25.9591 20.9711 25.7992 20.8639 25.6231 20.7907C25.447 20.7175 25.2582 20.6798 25.0675 20.6797C24.8767 20.6797 24.6879 20.7174 24.5118 20.7906C24.3357 20.8638 24.1758 20.9711 24.0412 21.1063C23.9061 21.2408 23.7989 21.4008 23.7258 21.5769C23.6526 21.753 23.615 21.9418 23.615 22.1325C23.615 22.3232 23.6526 22.512 23.7258 22.6881C23.7989 22.8642 23.9061 23.0242 24.0412 23.1588L24.8253 23.9428H8.84558C7.6709 23.9891 6.56496 23.3891 5.96402 22.3788C5.66888 21.8829 5.51309 21.3165 5.51309 20.7394C5.51309 20.1623 5.66888 19.5959 5.96402 19.1C6.56527 18.0897 7.6709 17.4897 8.84558 17.5359H22.7378C26.0525 17.4413 28.6903 14.7272 28.6903 11.4113C28.6903 8.09563 26.0525 5.38125 22.7378 5.28657H7.21277L7.97684 4.5475C8.54777 3.97938 8.54996 3.05594 7.98184 2.48532C7.41371 1.91438 6.49027 1.91219 5.91934 2.48032L2.7084 5.69563C2.14277 6.26282 2.14277 7.18094 2.7084 7.74782L5.92434 10.9588C6.49871 11.4772 7.3784 11.4547 7.92559 10.9078C8.47277 10.3606 8.49527 9.48094 7.97684 8.90657L7.26277 8.1975H22.7431C24.474 8.26563 25.8421 9.68844 25.8421 11.4209C25.8421 13.1531 24.474 14.5763 22.7431 14.6444H8.86559C5.56215 14.7388 2.93309 17.4441 2.93309 20.7491C2.93309 24.0541 5.56215 26.7594 8.86559 26.8538H24.7356L24.0465 27.5178C23.5281 28.0922 23.5506 28.9719 24.0978 29.5191C24.645 30.0663 25.5246 30.0884 26.099 29.57V29.5853H26.0987Z" fill="black" fill-opacity="0.9"/>
                            </svg>
                        </div>
                        <div class="dis">
                            <span class="count-item" data-to="1,035,679,523">1035679523</span>
                            <!-- <div class="p1">billion+</div> -->
                        </div>
                    </div>
                    <div class="end">Kilometers Tracked</div>
                </div>
                <div class="item wow animated fadeInJun">
                    <div class="headline">Vehicles Tracked</div>
                    <div class="flex">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                <path d="M10.9562 23.4094C10.9562 23.5945 10.9927 23.7777 11.0635 23.9487C11.1343 24.1197 11.2382 24.2751 11.369 24.406C11.4999 24.5368 11.6553 24.6406 11.8263 24.7115C11.9973 24.7823 12.1805 24.8188 12.3656 24.8188C12.5507 24.8188 12.734 24.7823 12.905 24.7115C13.076 24.6406 13.2313 24.5368 13.3622 24.406C13.4931 24.2751 13.5969 24.1197 13.6677 23.9487C13.7385 23.7777 13.775 23.5945 13.775 23.4094C13.775 23.2243 13.7385 23.041 13.6677 22.87C13.5969 22.699 13.4931 22.5437 13.3622 22.4128C13.2313 22.2819 13.076 22.1781 12.905 22.1073C12.734 22.0365 12.5507 22 12.3656 22C12.1805 22 11.9973 22.0365 11.8263 22.1073C11.6553 22.1781 11.4999 22.2819 11.369 22.4128C11.2382 22.5437 11.1343 22.699 11.0635 22.87C10.9927 23.041 10.9562 23.2243 10.9562 23.4094Z" fill="black" fill-opacity="0.9"/>
                                <path d="M15.6152 23.4094C15.6152 23.7832 15.7637 24.1416 16.028 24.406C16.2923 24.6703 16.6508 24.8188 17.0246 24.8188C17.3984 24.8188 17.7569 24.6703 18.0212 24.406C18.2855 24.1416 18.434 23.7832 18.434 23.4094C18.434 23.0356 18.2855 22.6771 18.0212 22.4128C17.7569 22.1485 17.3984 22 17.0246 22C16.6508 22 16.2923 22.1485 16.028 22.4128C15.7637 22.6771 15.6152 23.0356 15.6152 23.4094Z" fill="black" fill-opacity="0.9"/>
                                <path d="M6.25 23.4094C6.25 23.5945 6.28645 23.7777 6.35728 23.9487C6.42811 24.1197 6.53192 24.2751 6.6628 24.406C6.79367 24.5368 6.94904 24.6406 7.12003 24.7115C7.29102 24.7823 7.47429 24.8188 7.65938 24.8188C7.84446 24.8188 8.02773 24.7823 8.19872 24.7115C8.36971 24.6406 8.52508 24.5368 8.65595 24.406C8.78683 24.2751 8.89064 24.1197 8.96147 23.9487C9.0323 23.7777 9.06875 23.5945 9.06875 23.4094C9.06875 23.2243 9.0323 23.041 8.96147 22.87C8.89064 22.699 8.78683 22.5437 8.65595 22.4128C8.52508 22.2819 8.36971 22.1781 8.19872 22.1073C8.02773 22.0365 7.84446 22 7.65938 22C7.47429 22 7.29102 22.0365 7.12003 22.1073C6.94904 22.1781 6.79367 22.2819 6.6628 22.4128C6.53192 22.5437 6.42811 22.699 6.35728 22.87C6.28645 23.041 6.25 23.2243 6.25 23.4094Z" fill="black" fill-opacity="0.9"/>
                                <path d="M17.2344 28.9094H7.49689C4.46564 28.9094 1.99689 26.4438 1.99689 23.4094C1.99689 20.375 4.46564 17.9094 7.49689 17.9094H17.2344C20.2656 17.9094 22.7344 20.3782 22.7344 23.4094C22.7344 26.4407 20.2656 28.9094 17.2344 28.9094ZM7.49689 20.7313C6.01876 20.7313 4.81876 21.9313 4.81876 23.4094C4.81876 24.8875 6.01876 26.0875 7.49689 26.0875H17.2344C18.7125 26.0875 19.9125 24.8875 19.9125 23.4094C19.9125 21.9313 18.7125 20.7313 17.2344 20.7313H7.49689Z" fill="black" fill-opacity="0.9"/>
                                <path d="M21.0781 26.2188C20.9531 26.2188 20.8281 26.2032 20.7031 26.1688C19.9531 25.9626 19.5094 25.1845 19.7156 24.4345L22.2938 15.0626H4.81875V23.4095C4.81875 24.1876 4.1875 24.8188 3.40938 24.8188C2.63125 24.8188 2 24.1876 2 23.4095V13.6501C2 12.872 2.63125 12.2407 3.40938 12.2407H24.1469C24.5875 12.2407 25.0031 12.447 25.2688 12.797C25.5344 13.147 25.625 13.6001 25.5063 14.0251L22.4406 25.1813C22.2656 25.8063 21.6969 26.2188 21.0781 26.2188Z" fill="black" fill-opacity="0.9"/>
                                <path d="M13.8969 15.0624C13.3438 15.0624 12.8219 14.7374 12.5938 14.1937L9.125 5.89053H4.81875V13.6499C4.81875 14.428 4.1875 15.0593 3.40937 15.0593C2.63125 15.0593 2 14.428 2 13.6499V4.48115C2 3.70303 2.63125 3.07178 3.40937 3.07178H10.0688C10.6375 3.07178 11.15 3.4124 11.3719 3.94053L15.2 13.1124C15.5 13.8312 15.1594 14.6562 14.4406 14.9593C14.2594 15.028 14.0781 15.0624 13.8969 15.0624ZM18.6125 15.0624C17.8344 15.0624 17.2031 14.4312 17.2031 13.653V9.39365C17.2031 8.61553 17.8344 7.98428 18.6125 7.98428C19.3906 7.98428 20.0219 8.61553 20.0219 9.39365V13.653C20.025 14.4312 19.3937 15.0624 18.6125 15.0624ZM28.5562 28.4405C28.4562 28.4405 28.3594 28.4312 28.2563 28.4093L27.2281 28.1874C25.9156 27.903 24.9625 26.7249 24.9625 25.3812V21.4124C24.9625 20.6343 25.5938 20.003 26.3719 20.003C27.15 20.003 27.7812 20.6343 27.7812 21.4124V25.3812L28.85 25.653C29.6125 25.8155 30.0969 26.5687 29.9312 27.328C29.7906 27.9874 29.2062 28.4405 28.5562 28.4405Z" fill="black" fill-opacity="0.9"/>
                            </svg>
                        </div>
                        <div class="dis">
                            <span class="count-item" data-to="14,521">14,521</span>
                        </div>
                    </div>
                    <div class="end">Vehicles Tracked</div>
                </div>
                <div class="item wow animated fadeInJun">
                    <div class="headline">Trips Monitored</div>
                    <div class="flex">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
                                <path d="M3.11111 21.7484V5.97528C3.11111 5.21565 3.41288 4.48713 3.95002 3.94999C4.48716 3.41285 5.21568 3.11108 5.97531 3.11108H26.0247C26.7843 3.11108 27.5128 3.41285 28.05 3.94999C28.5871 4.48713 28.8889 5.21565 28.8889 5.97528V26.0247C28.8889 26.7843 28.5871 27.5128 28.05 28.05C27.5128 28.5871 26.7843 28.8889 26.0247 28.8889H5.97531C5.21568 28.8889 4.48716 28.5871 3.95002 28.05C3.41288 27.5128 3.11111 26.7843 3.11111 26.0247V21.7484ZM26.0247 20.2963V5.97528H5.97531V18.9744L7.22697 18.0951C7.47328 17.9225 7.76769 17.8318 8.06844 17.8359C8.3692 17.8401 8.66102 17.9388 8.90252 18.118L12.5515 20.8233L14.7383 16.7547C14.8553 16.5368 15.0267 16.3529 15.2358 16.2209C15.4449 16.0889 15.6847 16.0133 15.9317 16.0015C16.1787 15.9897 16.4246 16.042 16.6453 16.1534C16.8661 16.2648 17.0543 16.4315 17.1915 16.6373L19.6304 20.2963H26.0247ZM26.0247 23.1605H18.8642C18.6285 23.1605 18.3964 23.1024 18.1886 22.9912C17.9807 22.88 17.8035 22.7193 17.6727 22.5232L16.1318 20.2118L14.2901 23.6374C14.1928 23.8185 14.0577 23.9766 13.8938 24.1009C13.73 24.2252 13.5413 24.3127 13.3406 24.3576C13.1399 24.4024 12.9319 24.4035 12.7307 24.3608C12.5296 24.3181 12.34 24.2325 12.1749 24.1099L8.02608 21.0338L5.97531 22.4731V26.0247H26.0247V23.1605ZM10.2716 8.83948C10.6514 8.83948 11.0157 8.99036 11.2843 9.25893C11.5528 9.5275 11.7037 9.89176 11.7037 10.2716V14.5679C11.7037 14.9477 11.5528 15.3119 11.2843 15.5805C11.0157 15.8491 10.6514 16 10.2716 16C9.89179 16 9.52753 15.8491 9.25896 15.5805C8.99039 15.3119 8.83951 14.9477 8.83951 14.5679V10.2716C8.83951 9.89176 8.99039 9.5275 9.25896 9.25893C9.52753 8.99036 9.89179 8.83948 10.2716 8.83948ZM16 8.83948C16.3798 8.83948 16.7441 8.99036 17.0127 9.25893C17.2812 9.5275 17.4321 9.89176 17.4321 10.2716V13.1358C17.4321 13.5156 17.2812 13.8799 17.0127 14.1484C16.7441 14.417 16.3798 14.5679 16 14.5679C15.6202 14.5679 15.2559 14.417 14.9874 14.1484C14.7188 13.8799 14.5679 13.5156 14.5679 13.1358V10.2716C14.5679 9.89176 14.7188 9.5275 14.9874 9.25893C15.2559 8.99036 15.6202 8.83948 16 8.83948ZM21.7284 8.83948C22.1082 8.83948 22.4725 8.99036 22.741 9.25893C23.0096 9.5275 23.1605 9.89176 23.1605 10.2716V15.7995C23.1605 16.1793 23.0096 16.5436 22.741 16.8121C22.4725 17.0807 22.1082 17.2316 21.7284 17.2316C21.3486 17.2316 20.9843 17.0807 20.7157 16.8121C20.4472 16.5436 20.2963 16.1793 20.2963 15.7995V10.2716C20.2963 9.89176 20.4472 9.5275 20.7157 9.25893C20.9843 8.99036 21.3486 8.83948 21.7284 8.83948Z" fill="black" fill-opacity="0.9"/>
                            </svg>
                        </div>
                        <div class="dis">
                            <span class="count-item" data-to="10,234">10,234</span>
                        </div>
                    </div>
                    <div class="end">Trips Monitored</div>
                </div>
            </div>
        </div>

        <div class="section6">
            <div class="content">
                <div class="position">
                    <svg xmlns="http://www.w3.org/2000/svg" width="558" height="453" viewBox="0 0 558 453" fill="none">
                        <path opacity="0.4" d="M557.5 1.88885C482.619 14.004 421.689 31.9624 376 65C212.131 183.492 649.683 338.028 256 388C176.941 398.035 75.1162 419.094 0.499954 451.587" stroke="#3FAEEE" stroke-width="2" stroke-dasharray="4 4"/>
                    </svg>
                    <img src="./images/move2.svg" class="move_line" alt="">
                </div>

                <div class="p1 wow animated fadeInUp">
                    Logistics Security Solutions : Providing real-time <br>
                    monitoring,alerts,and performance management 
                </div>
                <div class="p2 wow animated fadeInUp">
                    24/7 Global Customer Support: Serving 20+ countries with dedicated support teams
                </div>
                <div class=" wow animated fadeInUp">
                    <a href="" class="more">
                        <p>Request a Demo</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="27" height="28" viewBox="0 0 27 28" fill="none">
                            <path d="M19.2375 12.3125H3.375V14.5625H19.2375L15.75 18.05L17.325 19.625L23.5125 13.4375L17.4375 7.25L15.8625 8.825L19.2375 12.3125Z" fill="white"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>


        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.svg" alt="">
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M13.1083 3.66667H2.66634C2.60967 3.66667 2.55434 3.67367 2.50134 3.68733L7.55901 8.74467C7.62152 8.80716 7.70629 8.84226 7.79467 8.84226C7.88306 8.84226 7.96783 8.80716 8.03034 8.74467L13.1083 3.66667ZM13.8293 3.88833L9.75601 7.96167L13.8643 12.0697C13.9493 11.9577 13.9997 11.818 13.9997 11.6667V4.33333C13.9997 4.16233 13.9353 4.00667 13.8297 3.88833H13.8293ZM13.185 12.3333L9.28501 8.433L8.50167 9.21633C8.40881 9.30921 8.29857 9.38288 8.17723 9.43315C8.05589 9.48341 7.92584 9.50929 7.79451 9.50929C7.66317 9.50929 7.53312 9.48341 7.41179 9.43315C7.29045 9.38288 7.1802 9.30921 7.08734 9.21633L6.30434 8.433L2.44301 12.295C2.51301 12.3197 2.58801 12.3333 2.66667 12.3333H13.1853H13.185ZM2.01001 11.7847L5.83301 7.96133L2.02434 4.15333C2.00795 4.21193 1.99965 4.27249 1.99967 4.33333V11.6667C1.99967 11.7067 2.00301 11.7463 2.01001 11.7847ZM2.66634 3H13.333C13.5081 3 13.6815 3.03449 13.8433 3.10149C14.005 3.1685 14.152 3.26671 14.2758 3.39052C14.3996 3.51434 14.4978 3.66132 14.5648 3.82309C14.6319 3.98486 14.6663 4.15824 14.6663 4.33333V11.6667C14.6663 11.8418 14.6319 12.0151 14.5648 12.1769C14.4978 12.3387 14.3996 12.4857 14.2758 12.6095C14.152 12.7333 14.005 12.8315 13.8433 12.8985C13.6815 12.9655 13.5081 13 13.333 13H2.66634C2.49125 13 2.31786 12.9655 2.1561 12.8985C1.99433 12.8315 1.84734 12.7333 1.72353 12.6095C1.59972 12.4857 1.50151 12.3387 1.4345 12.1769C1.3675 12.0151 1.33301 11.8418 1.33301 11.6667V4.33333C1.33301 4.15824 1.3675 3.98486 1.4345 3.82309C1.50151 3.66132 1.59972 3.51434 1.72353 3.39052C1.84734 3.26671 1.99433 3.1685 2.1561 3.10149C2.31786 3.03449 2.49125 3 2.66634 3Z"
                                    fill="black" fill-opacity="0.9" stroke="black" stroke-opacity="0.9"
                                    stroke-width="0.1" />
                            </svg>
                        </div>
                        <p>admin@hereitis.co</p>
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M8.0503 1C5.18067 1 2.75 3.44432 2.75 6.3396C2.75 9.37158 5.56691 12.4722 7.46174 14.6514C7.46901 14.6601 7.77514 15 8.15261 15C8.15347 15 8.18467 15 8.18594 15C8.5632 15 8.86741 14.6601 8.8751 14.6514C10.6533 12.6072 13.2502 9.23658 13.2502 6.3396C13.2502 3.44432 11.3544 1 8.0503 1ZM8.22611 14.0645C8.2105 14.0799 8.18853 14.0972 8.16864 14.1111C8.1488 14.0972 8.12658 14.0799 8.11075 14.0645L7.88154 13.8013C6.08514 11.7405 3.62502 8.91827 3.62502 6.3396C3.62502 3.91942 5.65149 1.8748 8.05029 1.8748C11.0379 1.8748 12.3752 4.11702 12.3752 6.3396C12.3752 8.29727 10.9793 10.8964 8.22611 14.0645Z"
                                    fill="black" fill-opacity="0.9" />
                                <path
                                    d="M8.01567 3.64941C6.566 3.64941 5.39062 4.82477 5.39062 6.27445C5.39062 7.72412 6.566 8.89949 8.01567 8.89949C9.46531 8.89949 10.6407 7.7241 10.6407 6.27445C10.6407 4.82477 9.46531 3.64941 8.01567 3.64941ZM8.01567 8.02447C7.05071 8.02447 6.24554 7.22037 6.24554 6.25522C6.24554 5.29026 7.03062 4.50519 7.99557 4.50519C8.96072 4.50519 9.74558 5.29028 9.74558 6.25522C9.7456 7.22037 8.98082 8.02447 8.01567 8.02447Z"
                                    fill="black" fill-opacity="0.9" />
                            </svg>
                        </div>
                        <p>40 King Street Unit 1 Auburn NH03032</p>
                    </div>
                </div>
                <div class="media">
                    <p class="p1">Media</p>
                    <a href="">
                        <img src="./images/ins.png" alt="">
                        <p>LinkedIn</p>
                    </a>
                </div>
                <div class="quilf">
                    <p class="p1">Quilfiecty</p>
                    <div class="pics">
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="great">
                    <p class="p1">
                        Great<br>
                        Place<br>
                        To<br> Work
                    </p>
                    <div class="p2">
                        <p>Certifued</p>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <p>© 2024 Pac Trading Pty Ltd. All right reserved. | Designed by </p>
                    <a href="">Zipzipe</a>
                </div>
                <div class="r">
                    <a href="">Privacy Policy</a>
                    <a href="">Terms of Service</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
</body>
<script>



    new Swiper('.swiper1', {
        speed: 1000,
        spaceBetween: 10,
        pagination: {
            el: ".section2 .swiper-pagination",
            type: "progressbar",
        },
        on: {
            init() {
                $('.home .section2 .content3 .end .num p:first-child').html(this.realIndex + 1)
                $('.home .section2 .content3 .end .num p:last-child').html(this.slides.length)
            },
            slideChange() {
                $('.home .section2 .content3 .end .num p:first-child').html(this.realIndex + 1)
            }
        }
    })

    ScrollTrigger.create({
        trigger: '.section1',
        start: 'top top',
        end: '+=300',
        onUpdate: (self) => {
            var progress = self.progress
            gsap.to('.home .section1 .fix .fist .p1,.home .section1 .fix .fist .animate .opacity,.home .section1 .fix .fist .p2', {
                opacity: 1-progress,
                ease: 'power2.out',
                duration: 0.5,
            });
        },
    });
    ScrollTrigger.create({
        trigger: '.section1',
        start: 'top top',
        end: '+=1000',
        onUpdate: (self) => {
            var progress = self.progress
            var top = 100 + progress*-50
            var opacity = 0.3 + progress * 0.7
            var y = progress * parseInt($('.home .section1 .fix .fist .animate .y').css('width'))
            gsap.to('.home .section1 .fix .position', {
                opacity: opacity,
                top: top+'%',
                ease: 'power2.out',
                duration: 0.7,
            });
            gsap.to('.home .section1 .fix .fist .animate', {
                y: y+'px',
                ease: 'power2.out',
                duration: 0.7,
            });

            if (progress >=1) {
                $('.section1 .hide_').addClass('on')
            }else {
                $('.section1 .hide_').removeClass('on')
            }

        },
    });

    var w = document.documentElement.clientWidth
    if (w >= 1024) {
        new Swiper('.swiper2', {
            speed: 1000,
            spaceBetween: '2.5%',
            slidesPerView: 3,
            loop: true,
            autoplay: {
    disableOnInteraction: false,
  },
        })
    }else {
        new Swiper('.swiper2', {
            speed: 1000,
            spaceBetween: 20,
            slidesPerView: 1,
            loop: true,
            autoHeight: true,
            autoplay: {
    disableOnInteraction: false,
  },
        })
    }


    $('.home .section2 .video .play').click(function () {
        $('.dialog').css({ 'display': 'flex' })
        document.getElementById("video2").play();
    })
    $('.dialog .close').click(function () {
        $('.dialog').css({ 'display': 'none' })
        document.getElementById("video2").pause();
    })

    ScrollTrigger.create({
        trigger: '.section2',
        start: 'top top',
        end: '+=500',
        onUpdate: (self) => {
            var progress = self.progress
            var opacity = 0.3 + progress * 0
        }
    })

    var line2Scale = w / 1920
    $('.home .section2 .line2').css('transform','scale('+line2Scale+')')

    ScrollTrigger.create({
        trigger: '.section2 .line2',
        start: 'top 80%',
        end: '+=500',
        onUpdate: (self) => {
            var progress = self.progress
            var distance = 100+progress*-100
            gsap.to('.home .section2 .line2 .line_img', {
                offsetDistance: distance + '%',
                ease: 'power2.out',
                duration: 0.5,
            });
        },
    });

    var move_line = $('.section6 .content').height() / 558
    $('.home .section6 .content .position').css('transform','scale('+line2Scale+')')

    ScrollTrigger.create({
        trigger: '.section6',
        start: 'top 70%',
        end: '+=700',
        onUpdate: (self) => {
            var progress = self.progress
            var distance = progress*100
            gsap.to('.home .section6 .move_line', {
                offsetDistance: distance + '%',
                ease: 'power2.out',
                duration: 0.5,
            });
        },
    });


</script>

</html>